{% extends 'common/base.html' %}
{% import "macros/_flash.html" as flash_macros %}
{% block title %}登陆-{{ super() }}{% endblock %}
{% block css %}
{{super()}}
<link href="{{url_for('main.static',filename='css/account.css')}}" rel="stylesheet">
{% endblock%}
{% block main %}
<!--div class="container">
    <div class="row">
        <div class="col-12 col-sm-8 col-md-6 offset-sm-2 offset-md-3 px-xl-5">
            <div class="card rounded-0 px-3 px-lg-4">
                <div class="card-header text-center bg-white py-2"><h3 class="my-1 text-info">个人中心</h3></div>
                <div class="card-body">
                    {{flash_macros.flash_msg()}}
                    <ul class="list-group">
                        <li class="list-group-item text-center border-0" id="profile-avatar">
                            
                        <img class="avatar" src="{{url_for('.static',filename='img/avatar.png')}}" alt="hcq">

                        </li>
                        <li class="list-group-item ml-5 border-0">
                            <span class="font-weight-bold">用户名：</span>
                            <span>{{current_user.username}}</span>
                            <a class="btn btn-info btn-sm mx-lg-3 mx-sm-2" href="/password">修改密码</a>
                        </li>

                        <li class="list-group-item ml-5 border-0" title="用户邮箱">
                            <span class="font-weight-bold">邮 箱：</span>
                            <span>{{current_user.email}}</span>
                        </li>

                        <li class="list-group-item ml-5 border-0" title="vip">
                            <span class="font-weight-bold">VIP过期时间：</span>
                            <span>{{current_user.vip_expire_time}}</span>
                            <a class="btn btn-info btn-sm mx-lg-3 mx-sm-2" href="/alipay/payforvip">VIP月卡充值</a>
                        </li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div-->
<div class="container">
    <div class="row">
        <div class="col-12 col-sm-8 col-md-6 offset-sm-2 offset-md-3 px-xl-5">
            <div class="card rounded-0 px-3 px-lg-4">
                <div class="card-header text-center bg-white py-2">
                    <h3 class="my-1 text-info">用户中心</h3>
                </div>
                <div class="card-body card-login">
                    <div class="list-group">
                        {{flash_macros.flash_msg()}}
                        <div class="list-group-item text-center border-0" id="profile-avatar">
                            <img class="avatar" src="{{url_for('.static',filename='img/avatar.png')}}">
                        </div>
                        <div class="list-group">
                            <label class="col-form-label">用户名:</label>
                            <input type="text"  placeholder="{{current_user.username}}" disabled>
                        </div>
                        <div class="list-group">
                            <label class="col-form-label">邮箱:</label>
                            <input type="text"  placeholder="{{current_user.email}}" disabled>
                        </div>
                        <div class="list-group">
                            <label class="col-form-label">VIP过期时间:</label>
                            <input type="text"  placeholder="{{current_user.vip_expire_time}}" disabled>
                        </div>
                        <hr>
                        <div class="list-group">
                            <a class="btn btn-info btn-lg rounded-2" href="/password">修改密码</a>
                        </div>
                        <hr>
                        <div class="list-group">
                            <a id="alipay-m" class="btn btn-info btn-lg rounded-2" href="{{pay_url}}">充值VIP月卡</a>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}